
<!DOCTYPE html>
<html>

  <head>
    <meta charset="UTF-8">
    <title>Admin Panel</title>
    <link rel="stylesheet" href="../node_modules/spectre.css/dist/spectre.min.css">
  </head>

  <body>

    <div class="container">

      <table class="table table-scroll">
        <thead>
          <tr>
            <th>Name</th>
            <th>Password</th>
            <th>Access</th>
            <th>Action</th>
          </tr>
        </thead>
        <tbody id='users-data'>

        </tbody>
      </table>

      <div class="docs-demo columns">
                <div class="column col-9 col-sm-12">
                  <form class="form-horizontal" id='user-add'>
                    <div class="form-group">
                      <div class="col-3">
                        <label class="form-label" for="input-example-8" >Name</label>
                      </div>
                      <div class="col-9">
                        <input class="form-input" id="user-name" required="required" pattern=".{1,}">
                      </div>
                    </div>
                    <div class="form-group">
                      <div class="col-3">
                        <label class="form-label" for="input-example-9">Password</label>
                      </div>
                      <div class="col-9">
                        <input class="form-input" id="user-password" pattern="^(?=.*?[0-9]).{6,}$">
                      </div>
                    </div>
                    <div class="form-group">
                      <div class="col-3">
                        <label class="form-label" for="input-example-9">Level access</label>
                      </div>
                      <div class="col-9">
                    <select class="form-select" id='user-access'>
                      <option>admin</option>
                      <option>worker</option>
                    </select>
                    </div>
                    </div>
                      <button class="btn btn-default" id="add-user">Add</button>
                  </form>
                </div>
        </div>
    </div>

    <script src="./admin.js"></script>
  </body>

</html>
